font-size: 100%;
vertical-align: baseline;
font-family: sans-serif;
- color: #120260;
+ color: #0c0fb7;
text-align: left; }
html, body, span, applet, object, iframe,
/*1ERE COLONNE*/
.titre {
background-color: #05ffbc;
- height: 45px;
+ height: 47px;
+ width: 100%;
color: #fff;
margin: 0 0 15px 0;
padding: 10px 15px;
- border-bottom: 3px solid #05ffbc;
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
- font-size: 1.7em; }
+ font-size: 1.7em;
+ -webkit-transition: all 0.3s ease 0s;
+ -moz-transition: all 0.3s ease 0s;
+ -ms-transition: all 0.3s ease 0s;
+ -o-transition: all 0.3s ease 0s;
+ transition: all 0.3s ease 0s; }
+
+.titre:hover {
+ background-color: #0c0fb7;
+ -webkit-transition: all 0.3s ease 0s;
+ -moz-transition: all 0.3s ease 0s;
+ -ms-transition: all 0.3s ease 0s;
+ -o-transition: all 0.3s ease 0s;
+ transition: all 0.3s ease 0s; }
#ateliers {
margin: 0 10px; }
.agenda {
background-color: #05ffbc;
height: 500px;
- margin: 0 10px 0px 10px;
+ margin: 0 10px 15px 10px;
padding-right: 10px;
overflow-y: scroll; }
.col-1 {
width: 8.33333%; }
-footer {
- margin-top: 15px; }
-
.col-2 {
width: 16.66667%; }
-footer {
- margin-top: 15px; }
-
.col-3 {
width: 25%; }
-footer {
- margin-top: 15px; }
-
.col-4 {
width: 33.33333%; }
-footer {
- margin-top: 15px; }
-
.col-5 {
width: 41.66667%; }
-footer {
- margin-top: 15px; }
-
.col-6 {
width: 50%; }
-footer {
- margin-top: 15px; }
-
.col-7 {
width: 58.33333%; }
-footer {
- margin-top: 15px; }
-
.col-8 {
width: 66.66667%; }
-footer {
- margin-top: 15px; }
-
.col-9 {
width: 75%; }
-footer {
- margin-top: 15px; }
-
.col-10 {
width: 83.33333%; }
-footer {
- margin-top: 15px; }
-
.col-11 {
width: 91.66667%; }
-footer {
- margin-top: 15px; }
-
.col-12 {
width: 100%; }
-footer {
- margin-top: 15px; }
-
@media only screen and (min-width: 650px) {
.col-m-1 {
width: 8.33333%; }
width: 91.66667%; }
.col-m-12 {
- width: 100%; }
-
- footer {
- margin-top: 15px; } }
+ width: 100%; } }
@media only screen and (min-width: 1200px) {
.col-l-1 {
width: 8.33333%; }
font-size: 100%;
vertical-align: baseline;
font-family: sans-serif;
- color:#120260;
+ color:#0c0fb7;
text-align: left;
}
.titre{
background-color: #05ffbc;
- height: 45px;
+ height: 47px;
+ width: 100%;
color:#fff;
margin:0 0 15px 0;
padding:10px 15px;
- border-bottom: 3px solid #05ffbc;
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
font-size: 1.7em;
+ -webkit-transition: all 0.3s ease 0s;
+ -moz-transition: all 0.3s ease 0s;
+ -ms-transition: all 0.3s ease 0s;
+ -o-transition: all 0.3s ease 0s;
+ transition: all 0.3s ease 0s;
+}
+.titre:hover{
+ background-color: #0c0fb7;
+ -webkit-transition: all 0.3s ease 0s;
+ -moz-transition: all 0.3s ease 0s;
+ -ms-transition: all 0.3s ease 0s;
+ -o-transition: all 0.3s ease 0s;
+ transition: all 0.3s ease 0s;
}
#ateliers{
margin:0 10px;
.agenda{
background-color: #05ffbc;
height:500px;
- margin:0 10px 0px 10px;
+ margin:0 10px 15px 10px;
padding-right: 10px;
overflow-y: scroll;
}
.col-#{$i}{
@extend %col;
width:$i / $columns * 100%;}
- .col-m-#{$i}, .col-l-#{$i}{@extend %col;}
- footer{
- margin-top: 15px;
- }
+ .col-m-#{$i}, .col-l-#{$i}{@extend %col;}
}
@media only screen and (min-width: $medium){
.col-m-#{$i}{
width:$i / $columns * 100%;}
}
- footer{
- margin-top: 15px;
- }
}
@media only screen and (min-width: $large){